<template>
	<view class="VolumeCode">
		<view class="VolumeCodeBox">
			<view class="VolumeCodeName">黄氏同鑫牛奶甜品经典糖水2选1</view>
			<view class="validity">有效期至：2021-01-01</view>
			<view class="codeBox">
				<image src="" mode=""></image>
			</view>
			<view class="Telephone">12341234</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="less">
.VolumeCode{
	.VolumeCodeBox{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 32upx 24upx;
		.VolumeCodeName{
			font-size: 28upx;
			font-family: Source Han Sans CN;
			font-weight: bold;
			color: #333333;
			margin-bottom: 24upx;
		}
		.validity{
			font-size: 20upx;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: #333333;
			margin-bottom: 80upx;
		}
		.codeBox{
			width: 240upx;
			height: 240upx;
			background-color: #F0AD4E;
			margin-bottom: 24upx;
			image{
				width: 100%;
				height: 100%;
			}
		}
		.Telephone{
			font-size: 28upx;
			font-family: Source Han Sans CN;
			font-weight: bold;
			color: #333333;
		}
	}
}
</style>
